<template>
  <!-- <div class="title-zdy"></div> -->
  <div class="wx">
    <!-- <div class="left"></div>
    <div class="min">deepSeek AI 助手</div> -->
    {{ activeModel == "qwen" ? "通义千问-Al助手" : "deepSeek-Al助手" }}
  </div>
  <router-view></router-view>
</template>
<script setup>
import { ref, computed } from "vue";
import { useSetting } from "@/store/setting";
const userStore = useSetting();
const activeModel = computed(() => userStore.activeModel);
</script>

<style scoped lang="scss">
.title-zdy {
  width: 100vw;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  text-align: left;
  background-color: #f5f7fa;
  position: fixed;
  left: 0;
  top: 0;
  user-select: none;
  /* 设置该属性表明这是可拖拽区域，用来移动窗口 */
  -webkit-app-region: drag;
}
.wx {
  width: 100vw;
  height: 30px;
  line-height: 30px;
  text-align: left;
  background-color: #f5f7fa;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  user-select: none;
  /* 设置该属性表明这是可拖拽区域，用来移动窗口 */
  -webkit-app-region: drag;
  padding: 0 10px;
  .left {
    width: 56px;
    height: 100%;
    background-color: #f5f7fa;
  }
  .min {
    width: 240px;
    height: 100%;
    // border-right: 1px solid #ccc;
  }
}
</style>
